サーバー上でのサードパーティライブラリを使用 On the server, with third-party libraries

サーバー上でサードパーティのライブラリを使ってデータ取得する場合、

リクエストの出力はキャッシュされず、セグメントがレンダリングされるたびにリクエストが再フェッチされる。

code:app/utils.ts

import { cache } from 'react'

// Reactのキャッシュ機能がデータリクエストをメモ化するために使われている

export const getItem = cache(async (id: string) => {

const item = await db.item.findUnique({ id })

return item

})

import { getItem } from '@/utils/get-item'

// レイアウトで再検証オプションが3600に設定

export const revalidate = 3600 // 最大毎時データを再検証

export default async function Layout({ params: { id } }: { params: { id: string } }) {

const item = await getItem(id)

// ...

}

import { getItem } from '@/utils/get-item'

// ページでも再検証オプションが3600に設定

export const revalidate = 3600 // 最大毎時データを再検証

export default async function Page({ params: { id } }: { params: { id: string } }) {

const item = await getItem(id)

// ...

}

? どういうこと？

Layoutとpageって、実質的に同じページだから、別に一回呼ぶでいいんじゃないの？２回呼ぶ必要あるの？